<template>
  <component v-if='carInfo !== null'>
    <div align='center'>
      <q-card class='content-size'>
        <div align='left' class='card-title'>
          <div class='fix-text'>
            <TriangleIcon/>
            <span class='message-title'>{{carInfo.carType.split('/')[2]}}</span>
          </div>
          <Standard :standard-type='carInfo.standardL' class='standard'/>
        </div>

        <Table
          :data-set='carInfo.dataSet'
        />
      </q-card>
    </div>
  </component>
</template>

<script lang='ts'>
import { defineComponent, onMounted, PropType, ref } from 'vue';
import {TableValue} from 'pages/kungfu/model/TableValue';
import Table from './Table.vue'
import TriangleIcon from './TriangleIcon.vue'
import Standard from './Standard.vue'
import { CarInfoModel } from 'pages/kungfu/model/ReportData';

export default defineComponent ({
  name: 'CarInfo',
  components: {Table,TriangleIcon,Standard},
  props: {
    carInfo: {
      type: Object as PropType<CarInfoModel>,
    }
  },
  setup (props) {
  }

});
</script>

<style scoped lang='sass'>
.fix-text
  position: absolute
  top: 2em

@import url("../style/Style.sass")

.standard
  position: absolute
  right: 5em

//桌面样式
@media screen and (min-device-width: 960px)



//移动页面样式
@media screen and (max-device-width: 960px)


</style>
